import React, { Component } from "react";

class App extends Component {
  state = {
    textValue: "",
  };

  handChange = (e) => {
    this.setState({
      textValue: e.target.value,
    });
  };
  render() {
    return (
      <>
        <h2>受控输入空值</h2>
        <input
          type="text"
          value={this.state.textValue}
          onChange={this.handChange}
        />
      </>
    );
  }

  componentDidMount() {
    // setTimeout(() => {
    // todo 都需要保证input绑定的值不能为null或者undedined
    // todo 数据库给的数据如果出现null或者undefined，又需要填入input的，需要加判断，转成空字符串
    //   this.setState({
    //     textValue: undefined,
    //   });
    // }, 3000);
  }
}

export default App;
